<template>
	<div class="agentSuccess">
		<div class="zhanwei"></div>
		<div class="con">
			<img src="./img/qdhz_sq_sucess.png" alt="">
			<h1>提交成功</h1>
			<p>我们会尽快联系您，请耐心等待哦</p>
			<span @click="handleClick">返回主页</span>
		</div>
	</div>
	
	
</template>

<script>
	export default {
		name: 'agentSuccess',
		props: {
			scrollTop: {
				type: Number,
				default: 0
			}
		},
		data(){
			return {
				
			}
		},
		methods: {
			handleClick(){
				this.$router.push('/home');
			}
		},
		watch: {
			scrollTop(val){
				if(val >= 0){
					this.$emit('bgChange');
				}
			}
		},
	}
</script>

<style lang="stylus" scoped>
	.agentSuccess{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		overflow: hidden;
		background: #fff;
		padding-bottom: 0.4rem;
		.zhanwei{
			width: 100%;
			height: 1rem;
			background: #0D183E;
		}
		.con{
			width: 100%;
			height: 9.11rem;
			background: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			img{
				width: 2.4rem;
				height: 2.7rem;
				margin-bottom: 0.5rem;
			}
			h1{
				font-size: 0.34rem;
				color: #333;
				margin-bottom: 0.3rem;
			}
			p{
				color: #999;
				font-size: 0.28rem;
				margin-bottom: 1rem;
			}
			span{
				width: 2.4rem;
				height: 0.8rem;
				line-height: 0.8rem;
				text-align: center;
				border: 1px solid #ccc;
				border-radius: 0.1rem;
				font-size: 0.3rem;
				color: #333;
			}
		}
	}
		
	
</style>
































































